<template>
  <ul class='email-model'>
    <li v-for="(item, index) in formatListData" :key="index">
      <img :src="pic" alt="pic">
      <span class="name">{{item.department}}</span>
      <span class="email fr"><a :href="'tel:'+item.tel" title="发送邮件" class="color-green">{{item.tel}}</a></span>
    </li>

    <p class="no-data" v-if="formatListData.length===0">暂时没有数据哦~</p>
  </ul>
</template>
<script>
export default {
  props:['listData'],
  components: {},
  name: "",
  data() {
    return {
      pic:require('../../../../../assets/images/home/lifeserve/icon-3-5.png')
    };
  },
  computed:{
    formatListData(){
      return this.listData||[]
    }
  },
};
</script>
<style scr>

</style>

<style lang="scss" scoped>
@import "./list.scss";
</style>